<template>
  <div class="article-list-view">
    <ul>
      <li style="position: relative" class="blur" v-for="i in 50">
        <div style="" class="title">
          <div style="background: white;padding-right: 20px;max-width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;">
            <div class="point">•</div>
            基于学情 深度备课 （南京市初中物理教研活动在弘光中学举行）ssssssssssssssssssssssssssssssssssss
          </div>
          <div class="date">2021-11-11</div>
        </div>
        <div class="ml"></div>
      </li>
    </ul>

    <el-pagination style="margin-top: 20px;margin-bottom: 20px" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="currentPage1" :page-size="100" layout="total, prev, pager, next,jumper" :total="1000"></el-pagination>

    <!--    <div style="display: flex;line-height: 30px;position: relative;margin-bottom: 20px;align-items: center;margin-top: 20px">-->
<!--      <div style="position: absolute;top: 50%;transform: translate(0,-50%);line-height: normal">-->
<!--        共1页 本页20篇 共20篇-->
<!--      </div>-->
<!--      <div style="display: flex;margin: 0 auto">-->
<!--        <div type="button" class="btn-next" style="line-height: 30px"><i class="el-icon el-icon-arrow-left"></i></div>-->
<!--        <div class="page-btn">1</div>-->
<!--        <div type="button" class="btn-next" style="line-height: 30px"><i class="el-icon el-icon-arrow-right"></i></div>-->
<!--      </div>-->
<!--      <div style="display: flex;position: absolute;right: 0">-->

<!--        <el-input style="width: 81px">-->
<!--        </el-input>-->
<!--        <div style="margin-left: 1rem;line-height: 31px">跳转</div>-->
<!--      </div>-->

<!--    </div>-->
  </div>

</template>

<script>
import moreIcon from './image/more_icon.png'
import linkImg1 from './image/link_icon1.png'
import linkImg2 from './image/link_icon2.png'
import linkImg3 from './image/link_icon3.png'
import linkImg4 from './image/link_icon4.png'
import linkImg5 from './image/link_icon5.png'
import linkImg6 from './image/link_icon6.png'
// import TeacherInfo from '../teacher-brief-info/teacher-brief-info'
export default {
  name: "home-trends-block",
  components: {
    // TeacherInfo
  },
  data() {
    return {
      moreIcon,
      imgList: [linkImg1, linkImg2, linkImg3, linkImg4, linkImg5, linkImg6]
    }
  }
}
</script>

<style lang="scss" src="./index.scss" scoped>

</style>
